.page{
  padding: 20rpx;
 .body{
   background-color: #fff;
   border-radius: 12rpx;
   padding: 40rpx 20rpx;
  .card-number{
    .label{
      font-size: 30rpx;
      display: flex;
      justify-content: space-between;
    }
    .value{
      margin-top: 80rpx;
      font-size: 30rpx;
      text-align: center;
    }
  }
  .add{
    margin-top: 80rpx;
  }
  .out-time{
    text-align: center;
    font-size: 40rpx;
    margin-top: 80rpx;
    margin-bottom: 30rpx;
    color: red;
  }
 }
  .note {
    margin-top: 40rpx;

    .title {
      margin-bottom: 20rpx;
      font-size: 30rpx;
    }

    .list {
      .item {
        line-height: 50rpx;
        color: #777;
      }
    }
  }

    // 添加人脸
    .add-face {
      position: relative;
      height: 80vh;
  
      box-sizing: border-box;
      overflow-x: hidden;
      background-color: #eee;
  
      .agreement {
        line-height: 60rpx;
        padding: 20rpx;
        padding-bottom: 320rpx;
  
        .h3 {
          font-weight: bold;
        }
  
        .h2 {
          font-weight: bold;
          font-size: 36rpx;
          margin: 20rpx 0;
        }
      }
  
      .consent {
        position: fixed;
        width: 100%;
        background-color: #fff;
        padding: 40rpx;
        padding-bottom: 70rpx;
        box-sizing: border-box;
        bottom: 0;
  
        .remark {
          display: flex;
          line-height: 70rpx;
          align-items: center;
          margin-bottom: 40rpx;
  
          .label {
            width: 100rpx;
            text-align: right;
            margin-right: 20rpx;
            color: #666;
          }
  
          .value {
            width: 100%;
  
            input {
              border-radius: 12rpx;
              height: 75rpx;
              padding: 0 20rpx;
              box-sizing: border-box;
              font-size: 26rpx;
  
              background-color: #f6f6f6;
            }
          }
        }
  
        .check-photo {
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
      }
  
      .camera {
        camera {
          width: 600rpx;
          height: 600rpx;
          border-radius: 50%;
          margin: 20px auto 0;
        }
  
        .btn {
          button {
            margin-top: 40rpx;
          }
        }
  
        .note {
          width: 80%;
          margin: 0 auto;
          text-align: center;
          margin-top: 30rpx;
  
          text {
            display: block;
            line-height: 50rpx;
          }
        }
      }
  
      .camera-image {
        .img {
          width: 600rpx;
          height: 600rpx;
          border-radius: 50%;
          margin: 20px auto 0;
          overflow: hidden;
  
          image {
            width: 100%;
          }
        }
  
        .btn {
          button {
            margin-top: 40rpx;
          }
        }
      }
    }
}